<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Crea un nuovo pacchetto</title>
	<link href="resources/css/main.css" rel="stylesheet" type="text/css" />
</h:head>

<h:body>	
<header>
		<a><h:link class="logo" outcome="index" /></a>
	</header>
<div id="container">
	<div id="content1">
			<div id="contentLarge">
		<h:form  id="creaPacchettoform" onsubmit="#{Retriever.trovaCitta()}">
		<p:growl id="messages" showDetail="true"/>
		<p:panel header="Nuovo Pacchetto">
			<h:panelGrid id="creaPacchettoGrid">
				
				<p:row>
					<p:column>
						<h:outputLabel for="nome">Nome:</h:outputLabel>
					</p:column>
					<p:column>
						<p:inputText id="nome" value="#{beanPacchetto.packet.nome}" />
					</p:column>
					<p:column>
						<p:message for="nome" />
					</p:column>
				</p:row>
				
				<p:row>
					<p:column>
						<h:outputLabel>Descrizione:</h:outputLabel>
					</p:column>
					<p:column>
						<p:inputTextarea rows="10" cols="50" value="#{beanPacchetto.packet.descrizione}"/>  
<!-- 						<p:inputText id="descrizione" value="#{beanPacchetto.packet.descrizione}" /> -->
					</p:column>
				</p:row>
				
               <p:row>
    		   		<p:column>
                  	 	<p:outputLabel for="citta" value="Destinazione:"/>
               		</p:column>
               		<p:column> 
               			<p:selectOneMenu id= "citta" value="#{beanPacchetto.cittaArrivo}" effect="fade">
                  		<f:selectItem itemLabel="Seleziona:" itemValue=""/>
                  		<f:selectItems  value="#{Retriever.listaCitta}" var="CittaDTO"
                  					itemLabel="#{CittaDTO.cittaArrivo}" itemValue="#{CittaDTO.cittaArrivo}"/>
                  		<p:ajax update="voli"  listener="#{ListenerProdottiBase.listaVoli(beanPacchetto.cittaArrivo)}"/>
                  		<p:ajax update="hotel"  listener="#{ListenerProdottiBase.selezionaHotel(0)}"/>
                  		<p:ajax update="escursione"  listener="#{ListenerProdottiBase.selezionaEscursione(0)}"/>
                  		<p:ajax update="prezzo"  listener="#{beanPacchetto.resetPrezzo()}"/>
               			</p:selectOneMenu>
               		</p:column> 
               		<p:column>
               			<p:message for="citta"> </p:message>
               		</p:column>
            	</p:row>
				
				<p:row>
    		   		<p:column>
                  	 	<p:outputLabel for="voli" value="Volo:"/>
               		</p:column>
               		<p:column> 
               			<p:selectOneMenu id= "voli" value="#{beanPacchetto.volo.codice}" effect="fade">
                  		<f:selectItem itemLabel="Seleziona:" itemValue=""/>
                  		<f:selectItems  value="#{ListenerProdottiBase.listaVoli}" var="VoloDTO"
                  					itemLabel="Da: #{VoloDTO.cittaPartenza} a #{VoloDTO.cittaArrivo}, andata il #{VoloDTO.data}, rientro il #{VoloDTO.dataRitorno}" itemValue="#{VoloDTO.codice}"/>
                  		<p:ajax update="hotel"  listener="#{ListenerProdottiBase.selezionaHotel(beanPacchetto.volo.codice)}"/>
                  		<p:ajax update="escursione"  listener="#{ListenerProdottiBase.selezionaEscursione(beanPacchetto.volo.codice)}"/>
                  		<p:ajax update="prezzo"  listener="#{beanPacchetto.calcolaPrezzoVolo()}"/>
               			</p:selectOneMenu>
               		</p:column> 
               		<p:column>
               			<p:message for="voli"> </p:message>
               		</p:column>
            	</p:row>
				
				<p:row>
    		   		<p:column>
                  	 	<p:outputLabel for="hotel" value="Hotel:"/>
               		</p:column>
               		<p:column> 
               			<p:selectOneMenu id="hotel" value="#{beanPacchetto.hotel.idHotel}">  
                 			<f:selectItem itemLabel="Seleziona:" itemValue="" />
                 			<f:selectItems value="#{ListenerProdottiBase.listaHDTO}" var="HotelDTO" 
                							  itemLabel="#{HotelDTO.nome}" itemValue="#{HotelDTO.codice}"/>
                			<p:ajax update="prezzo"  listener="#{beanPacchetto.calcolaPrezzoHotel()}"/> 
               			</p:selectOneMenu>
               		</p:column> 
               		<p:column>
               			<p:message for="hotel"> </p:message>
               		</p:column>
            	</p:row>
				
				<p:row>
    		   		<p:column>
                  	 	<p:outputLabel for="escursione" value="Escursione:"/>
               		</p:column>
               		<p:column> 
               			<p:selectOneMenu id="escursione" value="#{beanPacchetto.escursione.idEscursione}">  
                 			<f:selectItem itemLabel="Seleziona:" itemValue="" />  
                 			<f:selectItems value="#{ListenerProdottiBase.listaEDTO}" var="EscursioneDTO" 
                							  itemLabel="#{EscursioneDTO.nome}" itemValue="#{EscursioneDTO.codice}"/>
                			<p:ajax update="prezzo"  listener="#{beanPacchetto.calcolaPrezzoEscursione()}"/>  
               			</p:selectOneMenu>
               		</p:column> 
               		<p:column>
               			<p:message for="escursione"> </p:message>
               		</p:column>
            	</p:row>
			
			
				<p:row>
					<p:column>
						<h:outputLabel>Prezzo: </h:outputLabel>
					</p:column>
					<p:column>
						<h:outputText id="prezzo" value="#{beanPacchetto.packet.prezzo}" />
					</p:column>
				</p:row>
			
			
			
			</h:panelGrid>
			<p:commandButton value="Crea" update="creaPacchettoGrid,creaPacchettoform:messages"
				action="#{beanPacchetto.savePacchetto()}" />	
		</p:panel>
	</h:form>

        </div>
        </div>
        </div>
	<h:outputStylesheet library="css" name="main.css"/>
</h:body>
</html>